<template>
  <div>
    <div class="boxbx">
        <div class="border">
            <p class="size"><van-icon @click="fun()" name="arrow-left" /></p>
            <p>门店信息</p>
            <span @click="shouye()">商户报错</span>
        </div>
        
    </div>
    <div class="paidui">
            <img src="yangchao/imgs/paidui.jpg" alt="">
    </div>
    <div class="jichu">
        <div>基础信息</div>
        <p class="shijian"><van-icon  class="clock-o" name="clock-o" /> &nbsp 营业时间</p>
    </div>
    <div class="yingye">
        <p class="pinshi">平时营业：周一至周日 全天</p>
        <div class="cuowu">
            <p class="yishang">以上信息准确吗？</p>
            <p class="zhengque">
                <span>正确</span> &nbsp <span>错误</span>
            </p>
        </div>
        <div class="flex">
            <p class="shnagjia">商家电话：18700932199</p>
            <p class="dianhua"><van-icon name="phone" /></p>
        </div>
        
    </div>
        <div v-for="(v,i) in arr" :key="i+3">
            <div class="jiaotong">
                <p><van-icon class="dingwei" name="location-o" /> &nbsp {{v.title}}  </p>
            </div>
            <div class="ditie">
                <p class="zhandian"> {{v.text}} </p>
                <p class="mishu">{{v.mi}}</p>
            </div>
        </div>
        <div class="bottom">
            <p>免责声明</p>
            <span>以上信息来源于商家上传内容，平台仅提供展示服务，商家需保证信息真实有效。如与实际不符或有疑问，请联系平台客服。</span>
        </div>
    </div>
    
</template>

<script>
export default {
    data(){
        return{
            arr:[
            {title:"交通及周边",text:"地铁站: 3/6号线科技路",mi:"407米"},
            {title:"商场",text:"西安金鹰购物广场",mi:"42米"},
            {title:"交通及周边",text:"世纪金花（高新店）",mi:"209米"}
            ]
        }
        
    },
    methods:{
        fun(){
            this.$router.push("/twoye")
        },
        shouye(){
            this.$router.push("/yccshou")

        }
    }
}
</script>

<style scoped lang="scss">
.boxbx{
    width: 93.333vw;
    height: 10.667vw;
    margin: auto;
    .border{
        line-height: 10.667vw;
        display: flex;
        justify-content: space-between;
        span{
            color: #f63;
        }
        .size{
            font-size: 6.667vw;
        }
    }
}
.paidui{
    img{
        width: 100vw;
    }
}
.jichu{
    width: 93.333vw;
    margin: auto;
    div{
        height: 10.667vw;
        line-height: 10.667vw;
        font-weight: 700;
        font-size: 4.8vw;
    }
    .clock-o{
        color: #f63;
    }
    .shijian{
        height: 10.667vw;
        line-height: 10.667vw;
    }
}
.yingye{
    height: 41.333vw;
    margin-left: 10.667vw;
    font-size: 3.733vw;
    .cuowu{
        display: flex;
        justify-content: space-between;
        line-height: 16vw;
    }
    .pinshi{
        height: 10.667vw;
        border-bottom: 0.267vw solid #eee;
    }
    .yishang{
        height: 16vw;
        border-bottom: 0.267vw solid #eee;
        line-height: 16vw;
    }
    .zhengque{
        display: flex;
        // justify-content: space-between;
        margin-right: 5.333vw;
        margin-top: 4vw;
        span{
            border: 0.267vw solid #999;
            width: 16vw;
            line-height: 6.667vw;
            text-align: center;
            height: 6.667vw;
            border-radius: 8vw;
            display: block;
        }
    }
    .flex{
        height: 8vw;
        display: flex;
        justify-content: space-between;
        border-bottom: 0.267vw solid #eee;
        .dianhua{
            margin-right: 5.333vw;
            color: #f63;
        }
    }
    
}
.jiaotong{
    line-height: 8vw;
        // width: 80vw;
        margin: auto;
        .dingwei{
            height: 8vw;
            line-height: 8vw;
            color: #f63;
        }
    }
.ditie{
    width: 80vw;
    height: 16vw;
    margin: auto;
    margin-left: 10.667vw;
    border-bottom: 0.267vw solid #eee;
    .mishu{
        margin-left: 15.467vw;
    }
}
.bottom{
    width: 100vw;
    height: 40vw;
    color: #999;
    font-size: 3.733vw;
    background-color: #eee;
    p{
        width: 93.333vw;
        margin: auto;
        text-align: center;
    }
}


</style>